<section id="mask-box" class="masklayer" style="display: ;"></section>
<div id="tips"></div>
<script id="mask" type="text/html">
  <div class="pao-tier" style="top: 20%;width: 90%; left: 5%">
    <span class="pao-close"></span>
    <div class="user-datum">
      <img src="<%=result.member.header%>" alt="">
      <h4>助<%=result.member.nickname%>问鼎人气榜冠军</h4>
      <p class="imaginary">所属战队：<%=result.clubInfo.title%></p>
      <section class="no-znl">
        <ul class="user-datum-list">
          <li class="right-line">
            全员跑量
            <b>
              <%if(result.userData.mileag==0.00){%>--<%}%>
              <%if(result.userData.mileage>0){%>
                <%=result.userData.mileage%>km 
              <%}%>
            </b>
          </li>
          <li>
            全员跑量排名
            <b>
              <%=result.userData.rankInfo%>
            </b>
          </li>
        </ul>
        <ul class="user-datum-list imaginary">
          <li class="right-line">
            最远纪录
            <b>
              <%if(result.userData.max_mileage==0.00){%>--<%}%>
              <%if(result.userData.max_mileage>0){%>
                <%=result.userData.max_mileage%>km
              <%}%>
            </b>
          </li>
          <li class="right-line">
            获得点赞数
            <b>
              <%if(result.userData.agree_num==0){%>--<%}%>
              <%if(result.userData.agree_num>0){%>
                <%=result.userData.agree_num%>
              <%}%>
            </b>
          </li>
          <li>
            获得打赏人气
            <b>
              <%if(result.userData.energy_num==0){%>--<%}%>
              <%if(result.userData.energy_num>0){%>
               <%=result.userData.energy_num%>
              <%}%>
            </b>
          </li>
        </ul>
        <p>喜欢Ta就支持Ta，让Ta榜上有名</p>
        <div class="user-btn">
          <a id="like">为Ta点赞</a>
          <a class="ta" class="<%if(result.isLight==1){%>on<%}%>" >打赏人气</a>
        </div>
      </section>
      <section id="znl" style="display: none;">
        <!-- <h4>赋予正能量</h4>
        <p>喜欢Ta就支持Ta，让Ta榜上有名</p> -->
        <ul class="energy-list">
          <li>10</li>
          <li>15</li>
          <li class="on">20</li>
          <li>25</li>
          <li>30</li>
        </ul>
        <p>您的正能量当前剩余：<%=result.total_energy%></p>
        <div class="user-btn">
          <a class="gl" class="on" style="width:95%">鼓 励 一 下</a>
        </div>
      </section>
    </div>
  </div>

</script>

<script type="text/javascript">
function ljj(){
  $(".user").click(function(){
    var uidD = "{$uid}";
    if(!uidD){
      $("#tips").show();
      $("#tips").html("亲，登陆后才能操作哦")
      Timeout();
      return;
    }
    var target_uid = $(this).attr('data-id')
    var uid =target_uid;
     $.get("{$staticHost}/paome_hall/getUserPaome", {'target_uid':uid}, function(data, error) {
      var data=JSON.parse(data);
      var userName = data.result.member.nickname;
    $(".masklayer").hide();
        if(data.result == undefined || data.result.userData == undefined || !data.result.userData){
          $(".masklayer").hide();
          return;
        }
        var html = template('mask', data);
        document.getElementById('mask-box').innerHTML = html;
        var uidD = "{$uid}";
        if(uidD.length>0){
        if(uid==uidD){
          $(".user-btn").hide();
        }
        }
        $(".pao-close").click(function(){
          $(".masklayer").hide();
        })
        $("#like").click(function(){
           $.get("{$staticHost}/paome_hall/paomeThumbUp", {'target_uid':uid}, function(data) {
            data=JSON.parse(data);
            if(data.error != undefined) {
              $("#tips").show();
              $("#tips").html(data.error.text);
              Timeout()
            } else {
              var light = data.result.light * 1;
              if(light > 0){
                $("#like").html("已点赞喽");
                $("#like").unbind();
                $("#tips").show();
                $("#tips").html("已打赏 "+light+" 赞");
                Timeout()
              }
            }
           })
        })
        if(data.result.isLight==1){
          $(".ta").addClass('on');
          $("#like").html("已点赞喽")
          $("#like").unbind();
        }
        if(data.result.isSupport==1){
          $(".ta").html("已打赏喽")
          $(".ta").unbind();
        }else{
            $(".ta").click(function(){
            $(".no-znl").hide();
            $("#znl").show();
          })
        }
       $(".energy-list li").click(function(){
            $(".energy-list li").removeClass('on')
            $(this).addClass('on');
        })
        
        $(".gl").click(function(){
          var energyNum = $(".energy-list .on").text();
          var energyNum = energyNum*1
          var energy = (data.result.total_energy)*1
          if(energyNum>energy){
            $(".gl").unbind();
            $("#tips").show();
            $("#tips").html("亲，您的当前正能量不足，快去赚取吧")
            Timeout();
            
            return
          }
          $.get("{$staticHost}/paome_hall/reward", {'target_uid':uid,'energy':energyNum}, function(data) {
            data=JSON.parse(data);
              if(typeof data.result != 'undefined' && typeof data.result.isInsert!= 'undefined' &&data.result.isInsert!=0){
                $(".gl").html("已打赏咯")
                $("#tips").show();
                $("#tips").html("土豪，您已经为　"+userName+"　打赏　"+energyNum+"　个人气");
                 Timeout()
                $("#mask-box").hide();
              }else{
                $("#tips").show();
                $("#tips").html(data.error.text);
                Timeout()
                $("#mask-box").hide();
              }
          })
        })
      // 获取信息
      $("#mask-box").show();
   })
 })
}
function Timeout(){
   // screenHeight = document.body.scrollHeight
   //  var ee=screenHeight/2;
    $("body").css("overflow","hidden")
    // $("#tips").css("top",ee+"px")
    setTimeout(function(){ 
     $("#tips").hide();
     $("body").css("overflow","auto")
    }, 2000);
}
</script> 